<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<title>CSS压缩/格式化工具-{$Think.config.title} </title>
	<link rel="stylesheet" href="__PUBLIC__/Css/labs.css" />
</head>
<body>
{:W('Module/header')}
<div id="Html_Container" class="jsonFPage">
<h2 class="sitetip">JSON格式化及高亮</h2>
<textarea id="RawJson" placeholder="请粘贴要格式化的JSON代码"
	class="tarea"></textarea>
<div style="width:100%;height:33px">
  <span id="TabSizeHolder" class="btn btn-success">
    缩进量
    <select id="TabSize" onchange="TabSizeChanged()">
      <option value="1">1</option>
      <option value="2" selected="true">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      <option value="6">6</option>
    </select>
  </span>
  <label for="QuoteKeys" class="btn btn-success">
    <input  type="checkbox"  id="QuoteKeys" onclick="QuoteKeysClicked()" checked="true" /> 
    引号
  </label>&nbsp; 
  <a href="javascript:void(0);" onclick="SelectAllClicked()" class="btn btn-success">全选</a>
  &nbsp;
  <span id="CollapsibleViewHolder" >
      <label for="CollapsibleView" class="btn btn-success">
        <input type="checkbox" id="CollapsibleView" onclick="CollapsibleViewClicked()" checked="true" /> 
        显示控制
      </label>
  </span>
  <span id="CollapsibleViewDetail">
    <a href="javascript:void(0);" onclick="CollapseLevel(3)" 	class="btn btn-success">2级</a>
    <a href="javascript:void(0);" onclick="CollapseLevel(4)" 	class="btn btn-success">3级</a>
    <a href="javascript:void(0);" onclick="CollapseLevel(5)" 	class="btn btn-success">4级</a>
    <a href="javascript:void(0);" onclick="CollapseLevel(6)" 	class="btn btn-success">5级</a>
    <a href="javascript:void(0);" onclick="CollapseLevel(7)" 	class="btn btn-success">6级</a>
    <a href="javascript:void(0);" onclick="CollapseLevel(8)" 	class="btn btn-success">7级</a>
    <a href="javascript:void(0);" onclick="CollapseLevel(9)"	class="btn btn-success">8级</a>
  </span>
    <input type="Button" value="格式化代码" 	class="btn btn-success" onclick="Process()"/>
  
</div>

<div id="Canvas" class="Canvas" ></div>
<script>
var ImgCollapsed="__PUBLIC__/Js/jsonFormat/Collapsed.gif",ImgExpanded="__PUBLIC__/Js/jsonFormat/Expanded.gif";

</script>
<script src="__PUBLIC__/Js/jsonFormat/c.js" type="text/javascript"></script>
<script type="text/javascript" src="__PUBLIC__/Js/jsonFormat/m.js"></script>

</div>


{:W('Module/footer')}



</body>
</html>
